<template>
	<view class="morelist-box">
		<!-- 图文混排的列表 -->
		<view class="listbox">
			<view class="image-box" v-for="item in recommendArr" :key="item.id">
				<image :src="item.litpic" mode="widthFix"></image>
				<view class="pro_name">
					{{item.title}}
				</view>
				<view class="pro_price">
					${{item.users_price}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		name: "listitem",
		data() {
			return {

			};
		},
		components: {
			
		},
		props: {
			recommendArr: {
				type: Array,
				default: () => []
			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.listbox {
		display: flex;
		flex-wrap: wrap;
	}

	.image-box {
		display: flex;
		flex-direction: column;
		width: 48%;

		// border: 4rpx solid dimgray;
		image {
			width: 100%;

		}
	}
</style>
